<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>GValidator Example</title>
  
<!--  <script type="text/javascript" src="../js/gvalidator-plugins.js" defer="defer"></script>-->
<!--  <script type="text/javascript" src="../js/gvalidator_DE.js" defer="defer"></script>  -->
  <link rel="stylesheet" type="text/css" href="../css/gvalidator.css" media="screen"/>
</head>
<body>

  <h1>GValidator I8n Example: German</h1>
  <p>Fields have been translated into German (probably poorly) using the params in gvalidator_DE.js.</p>
  <p>Fields marked with a <span class="required">*</span> are required.</p> 
   <form action="" method="post" id="autoform" class="autoform" lang="DE">
    <div><label for="firstname">Vorname</label><input type="text" name="firstname" class="firstname required" id="firstname" maxlength="30"/></div>    
    <div><label for="lastname">Nachname</label><input type="text" name="lastname" class="lastname required" id="lastname" maxlength="30"/></div>
    <div><label for="lastnamenr">Vorname (nicht erforderlich)</label><input type="text" name="lastnamenr" class="lastname" id="lastnamenr" maxlength="30"/></div>
		<div><label for="subject">Subjekt</label><input type="text" name="subject" class="text required" id="subject" maxlength="30"/></div>
		<div><label for="captcha">Captcha</label><input type="text" name="captcha" class="captcha required" id="captcha" maxlength="30"/></div>
    <div><label for="phone">Telefon</label><input type="text" name="phone" class="phone required" id="phone" maxlength="12"/></div>
    <div><label for="email">E-mail</label><input type="text" name="email" class="email required" id="email" maxlength="60"/></div>
    <div><label for="text">Text</label><input type="text" name="text" class="text required" id="text" maxlength="60"/></div>
    <div><label for="mtext">Mehr Text</label><input type="text" name="mtext" class="text" id="mtext" maxlength="60"/></div>
    <div id="addressdiv"><label for="address">Adresse</label><input type="text" name="address" class="text required" id="address" maxlength="60"/></div>
    <div>
      <label for="howfound">Wie haben Sie uns gefunden?</label>
      <select id="howfound" name="howfound" class="select required">
        <option value="">[wählen Sie eine Option]</option>
        <option value="google">Google</option>
        <option value="yellowpagesonline">Yellow Pages Online</option>
        <option value="yellowpages">Yellow Pages</option>
        <option value="othersearchengine">Other search engine</option>
        <option value="Other">Andere</option>
      </select>
    </div>  
    <div>
      <label for="howfound">keine Notwendigkeit zu beantworten</label>
      <select id="notrequiredselect" name="notrequiredselect" class="select">
        <option value="">[wählen Sie eine Option]</option>
        <option value="google">Test 1</option>
        <option value="yellowpagesonline">Test 2</option>
      </select>
    </div>     
    <div id="radiodiv">
	    <fieldset>
	      <legend>Geschlecht</legend>
        <input type="radio" id="male" name="sex" value="male" class="radio required"/><label class="radio" for="male">Männlich</label>
        <input type="radio" id="female" name="sex" value="female" class="radio required"/><label class="radio" for="female">Weiblich</label>
      </fieldset>
    </div> 
    <div id="radiodiv2">
			<fieldset>
				<legend>Altersklasse</legend>
	      <input type="radio" id="age1" name="age" value="20" class="radio"/><label class="radio required" for="age1">&lt; 100</label>
    	  <input type="radio" id="age2" name="age" value="50" class="radio"/><label class="radio required" for="age2">100+</label>
    	</fieldset>
    </div> 
    <div id="checkboxdiv">
      <fieldset>
        <legend>Abonnement wählen</legend>
        <input type="checkbox" id="css" name="news" value="css" class="checkbox required"/><label class="checkbox" for="css">CSS</label>
        <input type="checkbox" id="javascript" name="news" value="javascript" class="checkbox required"/><label class="checkbox" for="javascript">JavaScript</label>
        <input type="checkbox" id="usability" name="news" value="usability" class="checkbox required"/><label class="checkbox" for="usability">Usability</label>
      </fieldset>
    </div>
    <div id="checkboxdiv2">
	    <fieldset>
	      <legend>Source-Code</legend>
	      <input type="checkbox" id="source" name="download" value="source" class="checkbox"/><label class="checkbox" for="source">Quelle</label>
	      <input type="checkbox" id="compressed" name="download" value="compressed" class="checkbox"/><label class="checkbox" for="compressed">komprimierte</label>
	    </fieldset>
    </div> 
    <div id="pluginsdiv">
      <div><h3>Plug-ins Tests</h3></div>
        <div><label for="ip4address">IP-Adresse (v4)</label><input type="text" name="ip4address" class="ip4address" id="ip4address" maxlength="60"/></div>
    </div>
    <div id="submitdiv"><input id="submit" type="submit"/><input type="reset" /></div> 
  </form>
  <script type="text/javascript" src="../js/compressed/gvalidator.js" defer="defer"></script>
  <script type="text/javascript" src="../js/compressed/examples/gvalidator-plugins.js" defer="defer"></script>
  <script type="text/javascript" src="../js/compressed/examples/gvalidator_DE.js" defer="defer"></script> 
  </body>
</html>